<template>
    <div class="background-f5" :style="{minHeight:bodyHeight + 'px'}">
        <van-row class="editor-box-tit background-fff clearfix">
            <van-col span="8">
                <img class="center-jt" src="../../assets/image/center/icon_return.png" alt="" @click="$router.back(-1)">
            </van-col>
            <van-col span="8" class="text-align-c color-3 top-title">
                服务帮助
            </van-col>
            <van-col span="8" class="text-align-r color-3 font-2">
                <span class="end"></span>
            </van-col>
        </van-row>    
       <div class="helpData background-fff">
            <ul class="">
               <li @click="help1=true">
                   <span class="">导师介绍</span><van-icon class="fr" name="arrow" color="#a8a7a7"/>
               </li>
                <li @click="help2=true">
                   <span class="">接单介绍</span><van-icon class="fr" name="arrow" color="#a8a7a7"/>
               </li>
                <li @click="help3=true">
                   <span class="">费用结算</span><van-icon class="fr" name="arrow" color="#a8a7a7"/>
               </li>                                                  
            </ul>
        </div>
        <!-- 导师介绍帮助文档弹框 -->
        <van-popup v-model="help1" position="right" :overlay="false">
            <div class="help-style help1" @click="help1 = !help1">
                <h2>导师介绍</h2>
                <h3>1、什么是导师？</h3>
                <p>导师是简单竞戈APP中提供陪玩服务的用户，用户申请技能后可成为导师，获得APP推荐展示，提供服务后可获得订单收益。</p>          
                <h3>2、如何成为导师？</h3>               
                <p>（1）用户可在个人中心-我的服务-申请要开通的服务。</p> 
                <p>（2）导师可在个人中心-我的服务-设置服务开关，若服务开关打开，则该服务可接单,若服务关闭，则服务不可接单。</p>                                                                   
            </div>
        </van-popup> 
        <!-- 接单介绍帮助文档弹框 -->
        <van-popup v-model="help2" position="right" :overlay="false">
            <div class="help-style help2" @click="help2 = !help2">                       
                <h2>接单介绍</h2>
                <h3>1、短信提示</h3>
                <p>接到订单后，导师帐号绑定的手机号会收到短信提示，接到短信提示后导师需登录简单竞戈网页客户端、微信客户端或APP任意一个端口，在登录后查看订单详情，若预约时间可接单，点击接单，并立即与用户联系。</p>          
                <h3>2、闪电抢单</h3>               
                <p>（1）用户可在个人中心-我的服务-申请要开通的服务。</p> 
                <p>（2）导师可在个人中心-我的服务-设置服务开关，若服务开关打开，则该服务可接单,若服务关闭，则服务不可接单。</p>                                         
            </div>
        </van-popup>
        <!-- 费用结算帮助文档弹框 -->
        <van-popup v-model="help3" position="right" :overlay="false">
            <div class="help-style help3" @click="help3 = !help3">                       
                <h2>费用结算</h2>
                <h3>1、约玩费用如何结算</h3>
                <p>订单：按照实际接单金额的90%发放，直接显示在 个人中心-收入-接单收入明细中</p> 
                <p>打赏：按照实际打赏金额的80%发放，直接显示在 个人中心-收入-打赏收入明细中</p>         
                <h3>2、约玩收入如何提现</h3>               
                <p>点击 个人中心 -收入-提现 进行提现，每周2可进行提现，提现金额不少于100元</p>
                <p>提现金额会在申请后3个工作日发放完毕</p>
                <p>注：平台保障导师需自愿缴纳500元押金可随时提现，不限制次数，即时到账（押金可退还。退还后不可再申请）</p>                                         
            </div>
        </van-popup>
    </div>
</template>
<script>

export default {
    data(){
        return{
            bodyHeight:'',
            help1:false,
            help2:false,
            help3:false
        }
    },
    components:{
       
    },
    methods:{
    
    }
}
</script>

<style scoped>
.end{
    display: block;
    height: .8rem;
    line-height: .8rem;
}
.helpData{
    margin-top: 0.4rem;
}
.helpData li {
    height: 1.8rem;
    line-height: 1.8rem;
    color: #333;
    font-size: .6rem;
    border-bottom: #eeeeee solid .02rem;
    padding: 0 .6rem;
}
.van-icon-arrow{
    margin-top: .6rem;
    margin-left: .4rem;
}
.van-tabbar{
    height: 1rem;
}
.van-tabbar span{
    width: 100%;
    height: 1rem;
    display: block;
    text-align: center;
    font-size: .6rem;
}
.top-title{
    font-weight: 600;
    font-size: 0.68rem;
}
/* 协议样式 */
.help-style{
    text-align: center;
}
.help1{
     padding: .6rem .6rem 19.1rem .6rem;
}
.help2{
     padding: .6rem .6rem 18.1rem .6rem;
}
.help3{
     padding: .6rem .6rem 16.3rem .6rem;
}
.help-style h2{
   text-align: center;
}
.help-style h3{
    text-align: left;   
    margin: 0.3rem 0; 
}
.help-style p{
    text-align: left;
    line-height: 0.9rem;
}
</style>

